Copyright: LiquidFX Data Editor
Citation: Copyright Psylon 1998


Data Editor Contents
LiquidFX Data Editor Contents

General Overview

Data Editor Overview

Scriptor Overview

Tag Reference Overview

Data Editor general usage information

Data Editor Starting Screen

Tag Reference Data Editor

Scriptor Data Editor

Examples For Data Editor Use

Tag Reference Example

Scriptor Example


Data Editor Overview
The LiquidFX Data Editor

LiquidFX Pro comes with a companion Data Editor, this tool is installed into the LiquidFX Program directory. It can be loaded from within LiquidFX Pro via the Tools menu in the top toolbar. Alternatively it can be loaded directly from the  directory it is saved in. The Data Editor is designed to give you full access to edit and add to the Scriptor and the Tag Reference data.

This help file provides some examples that will clarify how to add to, or modify any of the existing scripts. This tool is ideal for advanced Web Designers who are constantly increasing their skills with web languages or who like to customize the way they access and output scripts. The Data Editor is so flexible that a knowledgeable user can enter an entire script language with logical sectioning and hierarchy.

Currently the Scriptor supports three languages, these are:

Dynamic HTML

Microsoft JScript

NetScape JavaScript

The Tag Reference supports another three languages:

WebTV

HTML

ColdFusion

Together these two tools provide excellent support for some of the most important and widely used Scripting languages on the web.


Scriptor Overview
Scriptor

The Scriptor is an integrated LiquidFX tool that allows quick access to the various script languages that have appeared on the Web. These script languages include NetScape JavaScript, Dynamic HTML and Microsoft JScript. LiquidFX comes with an editor for the Scriptor that allows the user to add a new script language or modify the existing ones. The Scriptor can be called up from the Scriptor button in LiquidFX’s bottom status bar or from the View menu in the top tool bar.

The Scriptor has been designed with the web author in mind, it places all the elements of popular web languages at your finger-tips. The Scriptor is a floating window that can be moved over the document you are working on. It consists of three main parts,

Script Language Tabs -

These select the script language being used, currently there is NetScape JavaScript, Dynamic HTML and Microsoft JScript. Any new languages that you may add will also appear under a tab name that you define.

Script Language Section Buttons -

These buttons logically segment the elements of the script language. In the screen-shot below the NetScape JavaScript is segmented into six logical areas:

Built-In Objects, Built-In Functions, Statements, Operators, Server Extensions, Style Sheets.

Each button accesses a different section of the script language making it quicker and easier to find the correct language element. When you click on any one of these buttons a list will open up in the first list box.

Script Language List Windows -

The first list window (left side list window) contains the different sub-sections of the script language. In the screen-shot below we see that the Built-In Objects button has been selected, this has loaded a list of all the Built-In Objects. By selecting the Function object in the first list we can see that the various properties and methods of that object have appeared in the second and third window. Double clicking on any of the elements in the second and third window will automatically insert the relevant script into the open document at the place that the cursor was last left.

The Scriptor Floating Window

Inserting Language Elements into a Document

You can automatically insert language elements from the Scriptor directly into your

open document. The steps are:

1. Position the pointer in your document where you want to insert the language element.

2. Locate the language element in the second and third list windows.

3. To insert the element into your file simply double-click on it with the left mouse button.

The Scriptor inserts the element into your document.


Tag Reference Overview
Tag Reference

The Tag Reference tool is a great way to find and insert the tag that you are looking for, it consists of two lists. The first list contains all the tags and when one of these tags is clicked on any related attributes will appear in the ‘Attributes’ list. A tag or attribute can be inserted into the main HTML document by simply double clicking on it.

In the top left side of the Tag Reference is a cycle gadget, this is a button that allows you to cycle through all the available tag sets. When you click on this button the button title will change and the Tag Builder will be loaded with the tag set that is described in the title. The current tags sets that it supports include:

WebTV

HTML 3.2 and browser extensions

Cold Fusion


Data Editor Starting Screen

When you first load the Data Editor you will see a warning screen, this screen advised anyone who wishes to modify the data for the Scriptor or Tag Reference that changes are permanent. The only way to reload original data is to re-install the LiquidFX program.

Clicking on the No problem button will continue loading the main Data Editor, if you do not want to continue through to the data editors click on the Close button. When you do continue, the second screen you will see allows you to choose which editor to load.

The top button loads the Tag Reference editor while the bottom button loads the Scriptor Editor. The Tag Reference has three script languages that can be modified, these are WebTV, HTML and Cold Fusion. The Scriptor editor allows you to go further and add your own languages or modify the existing ones, these are Dynamic HTML, Microsoft JScript and NetScape JavaScript. The Quit button will exit the Data Editor.


Tag Refrence Editor
Tag Reference Editor

The Tag Reference editor is an easy to use tool that allows you to modify and alter the existing set of Tag based languages. The three tag based languages that the Tag Reference can modify include, WebTV Tags, HTML Tags and Cold Fusion Tags. The different languages are selected via the three radio buttons found at the bottom right of the editor.

Tags

This list window displays all the tag elements that belong to the script language that has been chosen for editing. When you click on a tag set in this window any related attributes will be loaded into the Attributes list window. The Tag set will also be displayed in the Starting tag: and Ending tag: windows.

Attributes

This list window displays all the attributes that are associated with the tag that has been highlighted in the Tags list window. You can add or modify these attributes to suit your needs. When an existing attribute is clicked on with the mouse it will appear in the Attributes text box.

Starting tag: / Ending Tag:

These windows are where you can either add to or modify existing tags. The Starting Tag and Ending Tag boxes are set up so that you can enter the tag that is inserted before a highlighted block of text and after a highlighted block of text.

Attribute

This text box is are where you can either add to or modify existing attributes. Once you have selected the Tags that you wish to modify in the first list box you will see any associated attributes in the second list box. By clicking on an attribute in the second list box it will appear in this text box. The attribute can now be modified or deleted. The other way you can use this text box is to simply select the Tags you wish to modify from the first list box, type in a new attribute for this tag and then click on the Add attribute button, the new attribute will appear in the second list box along with any others that were previously entered.

Add Attribute / Delete Attribute

These buttons are found just below the Attributes text box. The button functions are linked to the information that is contained in the Attributes text box. To add a new attribute simply click on the tag set that you want to associate and attribute with, type the attribute into the Attribute text box and click on the Add attribute button, the new attribute will appear in the second list box along with any others that were previously entered.

If you want to remove an attribute that is currently associated with a tag, simply click on the Tag in the first list window, click on the attribute that you want to remove in the second list window (it will now appear in the attributes text box) click the Delete Attribute button. The attribute will now be removed from the list.

HTML Tags, WebTV Tags and Cold Fusion Tag Radio Buttons:

These radio buttons select which set of tags will be edited.

Add Tag / Delete Tag:

These buttons are found in the bottom row of the Tag Reference Editor. Once you have selected which set of tags you want modify (using the radio buttons) there are two tag operations that you can perform. The first is to create a new tag, by clicking on the Add Tag button you will create an entry in the Tag list box now enter a Starting tag: and Ending Tag: into the Starting tag: and Ending Tag: windows. The new tag will now appear in the Tag list window.

To delete a tag, simply select the tag you want to remove from the first tag list window. You will see it highlighted in blue and loaded into the Starting tag: and Ending Tag: windows. Now simply click on the Delete Tag button and it will be removed from the tag list of that particular language.

Move Up / Move Down

These two buttons will move the highlighted (selected) Tag Entry up and down the Tag list. This used to put the list in alphabetical order.

Save Tags

This button will save all the current data including any tags that were added or modified in the editing session. The modified tag sets will be available for use via the Tag Insert tool found in the LiquidFX Editor.


Scriptor Data Editor
Scriptor Editor

The Scriptor Editor is a very versatile and sophisticated tool, it allows you to modify three existing Script languages and even add your own languages. Each new language has its own tab and name, each tab window has buttons to segment the various language sections, each section of a language has its own subsections and each language subsection has language elements. The Scriptor has been designed to give you a logical way of portraying this. It also allows you to quickly access the important language function or property. The tedious search through lists and trees is eliminated, in their place the Scriptor provides a simple and fast way to get to the language element that you need.

The first three list boxes (going from left to right) develop and segment the language structure displayed by the Scriptor. The fourth and fifth list boxes contain the actual script elements that are inserted into the document being edited in LiquidFX. When the Scriptor is being used all this data provides the logical segmentation and final script elements for the Scriptor floating window.

To the far right of the Scriptor Data Editor is a set of three text input boxes, Caption:, Start tag: and  End Tag:, this is where all the data for the five list boxes is added or modified. To add a new entry into a list you must ensure the Edit mode check box is not selected, if you want to modify any of the data that exists then you must select the Edit Mode check box.

The Data Editor For The Scriptor

Tab List

This list box displays the titles that appear on the tabs of the Scriptor. It is also where a new script language is effectively defined.

-Tab titles can be added, removed or modified here with the use of the caption text input box, the add and remove buttons found just below the tab list box.

-The up/down arrows found just below the tab list box change the order that the tab appears in the Scriptor window. The first tab title in the list will appear as the first tab (i.e. the left most) in the Scriptor the order is retained down the list.

-To add a new language, simply type a title for the language in the Caption: window (make sure the Edit mode check box is off), then click on the Add button just below the Tab list. The title for the new language will now appear in this list. It is also a good idea to keep the name as brief as possible so that all the tabs are visible on the Scriptor and they look neat.

-To modify an existing Tab title simply click on it in the Tab list, the title will now appear in the Caption: window. Click on the Edit mode check box so that it is in ‘on’. The title can now be edited, as you change it in the caption text box you will see it change in the Tag list.

-To delete a language or a tab that has been mistakenly added, simply click on the Tab title that you want to remove from the list and click on the ‘Remove’ button.

Button List

This list box displays all the button titles that appear under each language tab of the Scriptor, so when you select a Tab title in the first list you will see a list of button titles associated with it in the second window. These button provide a logical segmentation of the Script language that is being added to the Scriptor. If the language has a set of script operators or a set of script extensions for a specific task, it is easier to access these via a button in the Scriptor that to look through a large list or tree. The title of the button must be brief or an abbreviation because the buttons are a fixed width and the text wraps to fit in the button space (if you are not sure click on the Test check box and a mock screen of the Scriptor will appear).

-Button titles can be added, removed or modified here with the use of the caption text input box, the add and remove buttons found just below the tab list box.

-The up/down arrows found just below the Button List box change the order that the buttons appear in the Scriptor window. The first button title in the list will appear as the first button (i.e. the left most) in the Scriptor, the order is retained down the list.

-To add a new button, simply type a title for the button in the Caption: window (make sure the Edit mode check box is off), then click on the Add button just below the Button List. The title for the new button will now appear in this list. It is also a good idea to keep the name as brief as possible so that the text on the button does no wrap and become unreadable.

-To modify an existing Button title simply click on it in the Button List, the title will now appear in the Caption: window. Click on the Edit mode check box so that it is in ‘on’. The title can now be edited, as you change it in the caption text box you will see it change in the Button List.

-To delete a button from the list, simply click on the Button title that you want to remove from the list and click on the ‘Remove’ button.

-The P button found under the Button List and between the two arrows loads a requester that allows you to enter descriptive captions that appear above the three list windows in the Scriptor. These are linked to the button that is pressed.

1st List

This list box displays all the subsections of the script language. These subsections are related to the button titles, so if the button calls up all the operators of the script language the 1st list will contain all the different types of operators. In the Scriptor they will appear in the 1st list window. When you are adding new subsections to the 1st list you must ensure that the correct Tab title and Button title are selected (the list entries are highlighted in blue). The editor then knows that the subsections are to be recalled when the tab and correct button are pressed in the Scriptor.

-Language subsections can be added, removed or modified here with the use of the caption text input box, the add and remove buttons found just below the tab list box.

-The up/down arrows found just below the 1st List box change the order that the subsections  appear in the first Scriptor window. The list will appear in the order that it is saved.

-To add a new entry, simply type a title for the subsection in the Caption: window (make sure the Edit mode check box is off), then click on the Add button just below the 1st List. The title for the new subsection will now appear in this list. It is also a good idea to make the name a good description of the language elements that it represents.

-To modify an existing entry simply click on it in the 1st List, the entry will now appear in the Caption: window. Click on the Edit mode check box so that it is in ‘on’. The entry can now be edited, as you change it in the caption text box you will see it change in the 1st List.

-To delete an entry from the list, simply click on the entry that you want to remove from the list and click on the ‘Remove’ button.

2nd List / 3rd List

These two list boxes display the actual titles for the language elements. Two lists are provided for this purpose because it is easier to logically segment the language elements. In most cases a language subsection will have many different types of properties and methods, it is far easier for the user of the Scriptor to have the properties and methods come under two different lists when the language subsection from the 1st List is selected. Both lists have elements added in the same way so the method for both is described below. Both lists are related to the language subsections which are related to the button titles. So if the button calls up all the Built-In Objects of the script language the 1st list will contain all the different types of Objects while the 2nd and 3rd List will the actual elements for each object in the 1st list.. When you are adding new elements to the 2nd and 3rd list you must ensure that the correct Tab title,  Button title and 1st List entry are selected (these are highlighted in blue). The editor then knows that the elements in the 2nd and 3rd lists are to be recalled when the tab, button and correct 1st list entry are pressed in the Scriptor.

-Language elements can be added, removed or modified here with the use of the Caption, Start Tag and End Tag text input boxes and the add and remove buttons found just below the tab list box.

-The up/down arrows found just below the 2nd and 3rd List boxes change the order that the elements appear in the second and third Scriptor window. The list will appear in the order that it is saved.

-To add a new element, simply type a title for the language element in the Caption: window, type in the actual language elements opening syntax in the Start Tag: window, type in the closing syntax in the End Tag: window (make sure the Edit mode check box is off). Now click on the Add button just below the 2nd or 3rd List (depending on where you want it to appear). The title for the new language element will now appear in this list. It is also a good idea to make the name a good description of the language element that it represents.

-To modify an existing element simply click on it in the 2nd or 3rd List, the element will now appear in the Caption:, Start Tag: and End Tag: windows. Click on the Edit mode check box so that it is in ‘on’. The element title and its syntax can now be edited, as you change it in the caption text box you will see it change in the 2nd or 3rd List.

-To delete an element from the list, simply click on the element that you want to remove from the list and click on the ‘Remove’ button.

Test

This check box loads a working mock up of the Scriptor. The Scriptor test window uses all the data that is currently entered into the Data Editor so that you can see if what you have added or modified works correctly.

Once you are happy simply press the SAVE button and all the data will be saved and ready for use in the Scriptor.


Tag Reference Example

The first step is to have all the Tag elements and attributes ready to add or modify. It is easier to have them in alphabetical order and a full set of attributes so that you can keep track of what to add, remove or change. The best format is:

Opening Tag	Closing Tag                	Attributes

<BODY>	</BODY> 	ALINK=

BACKGOUND=

BGCOLOR=

BGPROPERTIES=

LINK=

LEFTMARGIN=

TEXT=

TOPMARGIN=

VLINK=

This can be written out on a piece of paper or in a text file.

The information above is just for the BODY tag in the HTML section of the Tag Reference, we will use this as an example. This method can be used on any of the tag sets in the Tag Reference editor.

Step 1.

Load the Data Editor and select the Click here to edit Tag Reference Data button.

Step 2.

Select the tag list that you want to modify, the Tag Reference has three script languages that you can modify the HTML Tags, WebTV Tags and Cold Fusion Tags. In this case we want to add the BODY tag to the HTML Tag list. To load this list for editing simply click on the HTML Tags radio button in the editor.

Step 3.

To add the HTML script element to the list simply click on the Add Tag button. This button is found at the bottom right side of the requester. When the Add Tag button is clicked it will place an entry into the very bottom of the main list of Tags (the Tag list is the first list window in the Editor). This entry is highlighted in blue and has a prompting message that states “Please give me a name”.

Step 4.

Type in the start and end tag of the element in the respective Starting Tag: and Ending Tag: text windows. These text windows are at the right side of the editor. As you enter the start tag and end tag you will see the tags appear in the Tag list with three dots between the start and end tags i.e. <BODY>…</BODY>

Step 5.

The list order is left up to the script developer to determine, the standard method is to have the tags in alphabetical order. In some cases the user may want to place the tags in an order that is faster for them to access. Since we want to retain the alphabetical order we will use the Move Up / Move Down buttons found just below the Tags list window. The tag element we just added was the <BODY>…</BODY>, it was placed at the very bottom of the list. Click on the Move Up button until it comes just after the <BLOCKQUOTE>…</BLOCKQUOTE> tags. This list order is the same that will appear when the Tag Reference tool is used inside LiquidFX Pro.

Step 6.

As you click on the various entries in the Tags list window you will notice that the Attributes, Starting Tag: and Ending Tag:  windows will load with the data associated to the Tag. We have added the BODY tag but not any of the attributes that it has, so when we click on it we will only see the Starting Tag: and Ending Tag:  windows load with data. When we do add new attributes or modify existing ones we must ensure that the correct Tag is selected (highlighted in blue) in the Tags list window.

Step 7.

Now that the <BODY>…</BODY> tag is selected in the Tags list window we can begin to add the attributes. To do this simply position the mouse over the Attributes text box (the one found just below the Ending Tag: text box) and click in this box. A text cursor will appear in the text box, now type in the first attribute. Our first attribute is ALINK= we now type this into the text box. To add it to the Attributes list window we simply click on the Add Attribute button (do this only once), immediately you will see it appear in the Attributes list window. To add the next attribute we simply click in the Attributes text box again, delete the ALINK= entry and type in the next Tag, BACKGOUND=. Once again we click on the Add Attribute button, you will see it appear in the Attributes list window just below the previous attribute we added. This method is repeated until all the attributes are added to the list window.

Step 8.

When all the attributes are entered correctly and the <BODY>…</BODY> tag is in the correct order in the Tags list window we can save the modifications. To do this simply Save Tags button. All the tags are now available for use via the Tag Reference requester in LiquidFX.


Scriptor Example

The first step is to determine the structure of the Script Language that you want to add to the Scriptor. Even if you just want to modify or add some new language elements it helps a great deal if you know where they would fit logically in the language structure. Each language has built in functions, operators, extensions and syntax. It would be difficult to understand or find the particular language element we seek if we could not narrow down the section of the language that we are looking in. This works in much the same way as the contents of a book, if we are looking in a book of animals and we were interested in a particular breed of cat, it would be logical to look up the Section on Cats, the Subsection on Domesticated Cats and the Title Entry on the particular cat that we seek, only then can we get the exact information.

The Scriptor also has a logical structure into which you can add an entire language or modify and existing one. Below is a diagram of how one branch of this structure would look:

On the bottom half of the diagram we can see how the language structure is physically implemented via the tabs, buttons and windows of the Scriptor.

For this example we will take one branch of the NetScape JavaScript language and reproduce the steps required to add this into the Scriptor Data Editor. We will add this in as a new language, so all the steps can be understood and better see the language structure and how it can be applied to the Data Editor.

Step 1.

Determine the main structure including all the language sections, we will assume that all the data in branch below will be entered into the Data Editor from scratch.

From the above diagram you can see that the NetScape JavaScript language can be divided into six sections:

Built-In Objects	Built-In Functions	Statements

Operators	Server Extensions	Style Sheets

We are interested in the Built-In Object section of the language, this section contains 10 subsections:

Array	Boolean	Date	Event	Function

Math	Number	String	RegExp	Regular Expression

The Subsection we will add in this example is the Function subsection, it has four Properties and three Methods, these are added into two lists to make classification easier for the person using the Scriptor. Now we have assembled all the data in a logical way, the data can now be easily added to the Scriptor.

Step 2.

Load the Data Editor and select the Click here to edit Scriptor Data button.

Step 3.

We want to add a new script language, the language title will appear on the tabs of the Scriptor. The best title is NetScape JavaScript, because it defines the type of language and the variation developed by a particular company.

-- Make sure the Edit mode check box is off.

-- If there is something already in the Caption: text input box simply delete it.

-- Type the text: NetScape JavaScript 	into the Caption: text input box.

-- Now click on the Add button just below the Tab list.

-- The title for the new language will now appear in this list.

-- You can use the up/down arrows found just below the tab list box to change the order that the tab appears in the Scriptor window. The first tab title in the list will appear as the first tab (i.e. the left most) in the Scriptor the order is retained down the list.

Step 4.

We now need to add the different sections of the language. From the language structure above we have seen that there are six sections:	Built-In Objects, Built-In Functions, Statements, Operators, Server Extensions and Style Sheets. The Built-In Objects branch is of interest to us, but we can easily add all the other sections as well. We need to keep in mind that the names of the language sections that we will enter into the Button List of the Data Editor will appear as actual buttons in the Scriptor. The title of the button must be brief or an abbreviation because the buttons are a fixed width and the text wraps to fit in the button space (if you are not sure click on the Test check box and a mock screen of the Scriptor will appear).

-- Select the NetScape JavaScript entry in the Tab List window, by clicking on it with the mouse pointer (it will highlight in blue). This ensures any of the languages sections (buttons) we will enter in the Button List will be associated with the correct language.

-- Make sure the Edit mode check box is off.

-- If there is something already in the Caption: text input box simply delete it.

-- Type the text: Built-In Objects into the Caption: text input box.

-- Now click on the Add button just below the Button List.

-- The title for the new button will now appear in this list.

-- You can use the up/down arrows found just below the Button List box to change the order that the buttons appear in the Scriptor window. The first button title in the list will appear as the first button (i.e. the left most) in the Scriptor the order is retained down the list.

-- Click on the P button found under the Button List and between the two arrows. This loads a requester that allows you to enter descriptive captions that appear above the three list windows in the Scriptor. These are linked to the button that is pressed in the Scriptor, since our first list in the Scriptor will contain Built-In Objects, we type that into the 1st listbox caption: box. The second list will have Properties and the third Methods.

The actions in Step 4. Can be repeated until all six sections of the language are entered.

Step 5.

We now need to add the different subsections of one branch of the language. From the language structure above we can seen that the Built-In Object section of the language contains 10 subsections: Array, Boolean, Date, Event, Function, Math, Number, String RegExp, Regular Expression. The Function branch is of interest to us, but we can easily add all the other subsections as well. The names of the language subsections that we will enter into the 1st List of the Data Editor will appear as list entries Scriptor. The title of these entries should be descriptive but concise.

-- Select the NetScape JavaScript entry in the Tab List window, by clicking on it with the mouse pointer (it will highlight in blue).

-- Select the Built-In Objects entry in the Button List window, by clicking on it with the mouse pointer (it will highlight in blue). This ensures any of the language subsections we will enter in the 1st List will be associated with the correct language section.

-- Make sure the Edit mode check box is off.

-- If there is something already in the Caption: text input box simply delete it.

-- Type the text: Function into the Caption: text input box.

-- Now click on the Add button just below the 1st List.

-- The title for the new subsection will now appear in this list.

-- You can use the up/down arrows found just below the 1st List box to change the order that the entries appear in the Scriptor window.

The actions in Step 5. Can be repeated if you wish to enter all ten subsections of the language.

Step 6.

We now need to add the actual titles and language elements for the this branch of the JavaScript language. From the language structure above we can seen that there are two types of language elements that fall under the Function subsection. These two types are known as Properties and Methods. The Scriptor provide two language element lists so that elements can be separated into their relevant types. First we will enter all the Properties,  these are:

Title	Language Element

argument array	Function.arguments[n]

argument array length	Function.arguments.length

caller	Function.caller

prototype	Function.prototype

The title will appear in the 2st List while the language element will be added as the opening syntax in the Start Tag: window and the closing syntax in the End Tag: window. The Language Elements are what will end up being inserted into the LiquidFX editor. The Title of the language elements that we will enter into the 2nd List of the Data Editor will appear as list entries in the Scriptor. The title of these entries should be descriptive but concise.

-- Select the NetScape JavaScript entry in the Tab List window, by clicking on it with the mouse pointer (it will highlight in blue).

-- Select the Built-In Objects entry in the Button List window, by clicking on it with the mouse pointer (it will highlight in blue).

-- Select the Function entry in the 1st List window, by clicking on it with the mouse pointer (it will highlight in blue). This ensures any of the language elements we will enter in the 2nd List will be associated with the correct language subsection.

-- Make sure the Edit mode check box is off.

-- If there is something already in the Caption: text input box simply delete it.

-- Type the text: argument array into the Caption: text input box.

-- If there is something already in the Start Tag: text input box simply delete it.

-- Type the text: Function.arguments[n] into the Start Tag: text input box. If we had an element that wrapped around a block of text we could put the first half in this text box and the other half in the End Tag: text box. This element is not required to be used in this way so we do not need to use the End Tag: text box.

-- Now click on the Add button just below the 2st List.

-- The title for the new language element will now appear in this list.

-- You can use the up/down arrows found just below the 2nd List box to change the order that the entries appear in the Scriptor window.

The actions in Step 6. are repeated until all four language elements are added.

Step 7.

This step is the same as Step 6. the only difference is that we will add the second set of language elements into the 3rd List. This is done to separate the Properties and Methods thus making it easier to find the correct type of language element. We have entered the Properties in Step 6. now we will enter all the Methods,  these are:

Title	Language Element

eval()	Function.eval(string)

toString()	Function.toString()

valueOf()	Function.valueOf()

The title will appear in the 3rd List while the language element will be added as the opening syntax in the Start Tag: window and the closing syntax in the End Tag: window. The Language Elements are what will end up being inserted into the LiquidFX editor. The Title of the language elements that we will enter into the 3nd List of the Data Editor will appear as list entries in the Scriptor. The title of these entries should be descriptive but concise.

-- Select the NetScape JavaScript entry in the Tab List window, by clicking on it with the mouse pointer (it will highlight in blue).

-- Select the Built-In Objects entry in the Button List window, by clicking on it with the mouse pointer (it will highlight in blue).

-- Select the Function entry in the 1st List window, by clicking on it with the mouse pointer (it will highlight in blue). This ensures any of the language elements we will enter in the 2nd List will be associated with the correct language subsection.

-- Make sure the Edit mode check box is off.

-- If there is something already in the Caption: text input box simply delete it.

-- Type the text: eval() into the Caption: text input box.

-- If there is something already in the Start Tag: text input box simply delete it.

-- Type the text: Function.eval(string) into the Start Tag: text input box. If we had an element that wrapped around a block of text we could put the first half in this text box and the other half in the End Tag: text box. This element is not required to be used in this way so we do not need to use the End Tag: text box.

-- Now click on the Add button just below the 3rd List.

-- The title for the new language element will now appear in this list.

-- You can use the up/down arrows found just below the 3rd List box to change the order that the entries appear in the Scriptor window.

The actions in Step 7. are repeated until all four language elements are added.

Step 8.

When all the language structure and elements are entered correctly and the various titles are in the correct order we can save the modifications. To do this simply click on the Save button. All the tags are now available for use via the Tag Reference requester in LiquidFX.